@charset "UTF-8";
/*compass watch*/
@font-face {
  font-family: 'fonte-moeb';
  src: url("../fonts/gymkhana-bk.ttf");
}
/* analogues */
/* basique */
/* compl├®mentaire */
/* compl├®mentaire 2 */
/* triadique */
/* NYAN! NYAN! NYAN! NYAN! NYAN! */
/* line 55, ../sass/style.scss */
body {
  padding-top: 2em;
  background-color: #eee;
  color: #000;
  font-family: 'fonte-moeb',sans-serif;
}

/* line 62, ../sass/style.scss */
.nav {
  background-color: black;
  color: black;
}

/*liens menu*/
/* line 68, ../sass/style.scss */
.navbar-default .navbar-nav > li > a {
  color: #ccc;
}

/*liens sous menu*/
/* line 73, ../sass/style.scss */
.nav li a {
  color: #00f;
}

/* line 77, ../sass/style.scss */
.navbar-custom {
  color: #0ff;
  background-color: #CC3333;
}

/* line 82, ../sass/style.scss */
h1 {
  font-size: 8vw;
  color: #fa810f;
}

/* line 87, ../sass/style.scss */
h2 {
  display: inline;
}

/* line 92, ../sass/style.scss */
.ancor {
  font-size: 2em;
  font-size: 5vw;
  margin: 3%;
}

/* line 99, ../sass/style.scss */
h3 {
  text-align: center;
}

/* line 103, ../sass/style.scss */
p {
  font-size: 1.5em;
  text-align: justify;
}

/* line 108, ../sass/style.scss */
.header {
  background-color: black;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 2em;
  min-height: 2em;
}

/* line 117, ../sass/style.scss */
.logo-header {
  background-image: url(/bgpc/static/images/salamandre.png);
  float: left;
}

/* line 122, ../sass/style.scss */
.item-menu {
  background-image: url(/bgpc/static/images/salamandre.png);
  float: left;
}

/* line 127, ../sass/style.scss */
.menu {
  float: right;
}

/* line 131, ../sass/style.scss */
.header a {
  color: #fff;
  text-decoration: none;
  margin: 5px;
}

/* line 137, ../sass/style.scss */
.header a:hover {
  color: #ff8;
  text-decoration: none;
}

/* line 144, ../sass/style.scss */
.banner {
  background-color: #eee;
  color: #fff;
  position: relative;
  height: 30vw;
  padding: 50px;
}

/* line 152, ../sass/style.scss */
.inner-banner {
  width: 100vw;
  position: absolute;
  top: 3vw;
  margin: auto;
}

/* line 159, ../sass/style.scss */
.logo-banner {
  width: 30vw;
  display: block;
  margin: auto;
}

/* line 165, ../sass/style.scss */
.inner-banner p {
  width: 100%;
  position: absolute;
  color: black;
  font-weight: bold;
  font-size: 3vw;
  left: 5vw;
}

/* line 179, ../sass/style.scss */
.top-container {
  width: 100vw;
  text-align: center;
}

/* line 184, ../sass/style.scss */
.top-svg {
  width: 50vw;
}

/* line 188, ../sass/style.scss */
.big-nav {
  width: 80vw;
  margin-top: 5vw;
  margin: auto;
  text-align: center;
}

/* line 195, ../sass/style.scss */
.big-nav-elem {
  width: 15vw;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  margin: auto;
}

/* line 203, ../sass/style.scss */
.debug {
  background-color: pink;
}

/* line 207, ../sass/style.scss */
.section-svg {
  width: 80vw;
  margin: 10vw;
  margin-top: 1vw;
  margin-bottom: 1vw;
}

/* line 214, ../sass/style.scss */
.section {
  box-shadow: -5px -5px 10px #487884;
  border-style: solid none none solid;
  border-color: #487884;
  border-width: 5px;
  width: 90%;
  margin: auto;
  margin-top: 10%;
  margin-bottom: 10px;
  padding: 4%;
}

/* line 229, ../sass/style.scss */
.final-section {
  width: 90%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 241, ../sass/style.scss */
.concept {
  background-color: red;
}

/* line 245, ../sass/style.scss */
.realisations {
  background-color: blue;
}

/* line 249, ../sass/style.scss */
.apropos {
  background-color: yellow;
}

/* line 253, ../sass/style.scss */
.contact {
  background-color: orange;
}

/* line 257, ../sass/style.scss */
.left {
  margin-left: 5%;
}

/* line 261, ../sass/style.scss */
.droite {
  margin-right: 5px;
}

/* line 266, ../sass/style.scss */
.text {
  text-align: justify;
}

/* line 270, ../sass/style.scss */
.footer {
  border-style: solid none solid none;
  border-color: #487884;
  border-width: 5px;
  width: 90%;
  width: 90vw;
  margin: auto;
  margin-top: 5vw;
  margin-bottom: 10px;
  padding: 2vw;
  text-align: center;
}

/* line 283, ../sass/style.scss */
.table-contact {
  width: 80%;
  margin: auto;
}

/* line 289, ../sass/style.scss */
fieldset {
  background-color: #fb9b41;
  padding: 5%;
  text-align: center;
}

/* line 296, ../sass/style.scss */
.bouton_submit {
  background-color: #487884;
  color: white;
  font-size: 2em;
  width: 100%;
  margin: auto;
  margin-top: 5%;
}

/* line 306, ../sass/style.scss */
.bouton_submit:hover {
  background-color: #365a63;
  color: white;
}

/* line 311, ../sass/style.scss */
.title-form {
  font-size: 2.5em;
}

/* line 315, ../sass/style.scss */
label {
  font-size: 2em;
}

/* line 321, ../sass/style.scss */
input {
  width: 50%;
}

/* line 326, ../sass/style.scss */
textarea {
  width: 90%;
  resize: vertical;
}

/* line 332, ../sass/style.scss */
.concept {
  width: 80%;
  margin: auto;
}

/* line 337, ../sass/style.scss */
.flag1 {
  width: 8%;
  margin: 5%;
}

/* line 343, ../sass/style.scss */
.bigsvg {
  width: 90%;
  margin: auto;
}

/* line 349, ../sass/style.scss */
.finalitem {
  width: 30%;
  margin: 5%;
}

/* line 354, ../sass/style.scss */
li {
  font-size: 1em;
}

/* line 358, ../sass/style.scss */
.bigtext {
  font-size: 1.3em;
  font-size: 2vw;
}

/* line 363, ../sass/style.scss */
.imgref {
  margin: 1%;
}

/* line 367, ../sass/style.scss */
.clicable {
  background-color: #ccc;
}

/* line 371, ../sass/style.scss */
.clicable:hover {
  background-color: #888;
}